<script setup >
import LoginCom from "@/views/login/LoginCom.vue";
import { useRouter } from "vue-router";
const router = useRouter()
</script>

<template>
  <div class="bg">
    <div @click="router.push('/register')" style="display: flex;align-items: center;padding-top: 10px;padding-left: 10px;cursor: pointer;">
      <img width="100" height="100"  src="../../assets/img/logo.png">
      <h2 style="font-size: 32px;font-family: 微軟正黑體">FY音乐</h2>
    </div>
    <LoginCom></LoginCom>
  </div>

</template>

<style scoped>
.bg {
  width: 100vw;
  background: url('../../assets/img/bg.png');
  background-size: cover;
  height: 100vh;
}
</style>
